@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto Slab&display=swap');

div {
   padding: 3px 15px;
}   

body {
   background-color: #f0f0f0;
   font-family: Roboto, Arial, Sans-Serif;
}


h2 {
   font-family: 'Roboto Slab', Veranda, Sans-Serif;
   color: #224488
}
      
h1, h3, h4 {
   font-family: 'Roboto Slab', Veranda, Sans-Serif;
   color: #BB0000
}
      
h5, h6 {
   font-family: 'Roboto Slab', Veranda, Sans-Serif;
}   


img {
   max-width: 100%;
   height: auto;
}

.masthead {
    font-family: 'Roboto Slab', Veranda, Sans-Serif;
}

.site-main {
    background-color: #F4F4F4;
    padding: 10px 10px;
}

.panel {
    background-color: #E8E8E8;
}

.navbar {
   font-family: 'Roboto Slab', Veranda, Sans-Serif;
   font-size: 16px;
}
      
.PlainBox {
   background-color: inherit;
   color: inherit;
}
   
.HighlightBox {
   background-color: #ffffff;
   color: inherit;
}
   
.AccentBox1 {
   background-color: #000080;
   color: #D0D0D0;
}
.AccentBox1 h1, .AccentBox1 h2 {
   color: #FFFFFF;
} 

.AccentBox2  {
   background-color: #BB0000;
   color: #D0D0D0;
} 
.AccentBox2 h1, .AccentBox2 h2 {
   color: #FFFFFF;
}   

.button1 {
   background-color: #000080;
   color: #ffffff;
   border: 1px solid #444;
   border-radius: 5px;
   padding: 5px 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   cursor: pointer;
}

.button2 {
   background-color: #BB0000;
   color: #ffffff;
   border: 1px solid #444;
   border-radius: 5px;
   padding: 5px 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   cursor: pointer;
}
    
